<script setup>
const open = (url) => {
  window.open(url, 'black')
}

</script>

<template>
  <div class="container sm:min-w-[1200px]">
    <footer class="footer items-center p-4 text-base-100 space-x-32">
      <aside class="items-center grid-flow-col">
        <img src="/@/assets/imgs/logo.png" alt="" class="sm:mb-5">
        <div class="flex flex-col items-center ">
          <p class="wow animated animate__pulse">{{ $t('text42') }}</p>
          <p>{{ $t('text43') }}</p>
        </div>
      </aside>
      <nav class="grid-flow-col gap-4  md:place-self-center md:justify-self-end">
        <button class="flex flex-col items-center " @click="open('https://t.me/Asc20Dino_En')">
          <i class="fa-brands fa-telegram fa-2xl bg-base-100"></i>
          <span class="mt-6 font-bold">{{ $t('text41') }}</span>
        </button>
        <button class="flex flex-col items-center " @click="open('https://t.me/Dino_ASC20')">
          <i class="fa-brands fa-telegram fa-2xl bg-base-100"></i>
          <span class="mt-6  font-bold">{{ $t('text40') }}</span>
        </button>
        <button class="flex flex-col items-center " @click="open('https://twitter.com/DINOASC')">
          <i class="fa-brands fa-square-x-twitter fa-2xl bg-base-100"></i>
          <span class="mt-6 font-bold">{{ $t('text45') }}</span>
        </button>
        <button class="flex flex-col items-center " @click="open('https://twitter.com/asc20_dino')">
          <i class="fa-brands fa-square-x-twitter fa-2xl bg-base-100"></i>
          <span class="mt-6 font-bold">{{ $t('text44') }}</span>
        </button>
      </nav>
    </footer>
    <div class="divider divider-primary  sm:pt-2 sm:-mt-6"></div>
  </div>
</template>

<style scoped>

</style>